@charset "utf-8";
@import "common/reset";
@import "common/util";
@function p($px) {
    @return $px/2*1px;
}

@mixin transf {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

//主体
section {
    //  padding-top: p(140);
    //  padding-bottom: p(146);
    position: absolute;
    top: p(140);
    bottom: p(144);
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.findMobile {
    header {
        .search {
            border: none;
            text-align: center;
        }
    }
    section {
        // 轮播
        .kv {
            margin: 0 p(23);
            box-sizing: border-box;
            height: p(217);
            overflow: hidden;
            position: relative;
            .swiper-wrapper {
                width: 100%;
                height: p(217);
                .swiper-slide {
                    width: 100%;
                    height: p(217);
                    .imgFoot {
                        width: 21.3%;
                        height: p(217);
                        overflow: hidden;
                        text-align: center;
                        float: left;
                        margin-right: 4.68%;
                        .foot {
                            width: 100%;
                            padding-top: 100%;
                            overflow: hidden;
                            position: relative;
                            border-radius: p(100);
                            img {
                                width: 100%;
                                @include transf;
                            }
                        }
                        span {
                            display: inline-block;
                            font-size: p(26);
                            line-height: p(26);
                            margin-top: p(10);
                        }
                    }
                    .imgFoot:last-child {
                        margin-right: 0;
                    }
                }
            }
            .foot {
                float: left;
            }
        } // 美食分类 //运动类 //电影
        .goodGoods,
        .movement,
        .movie {
            padding: 0 p(21);
            .goodsImg,
            .movementImg,
            .movieImg {
                width: 100%;
                overflow: hidden;
                margin-top: p(38);
                margin-bottom: p(40);
                li {
                    width: 18.83%;
                    padding-top: 18.83%;
                    position: relative;
                    overflow: hidden;
                    float: left;
                    margin-right: 8.07%;
                    a {
                        width: 100%;
                        @include transf;
                        img {
                            width: 100%;
                        }
                    }
                }
                li:nth-of-type(4n) {
                    margin-right: 0;
                }
            }
        }
    }
}